{% load static %}
<link rel="stylesheet" href="{% static 'index.css' %}">

<head>
  <title>MMS Test</title>
    <link rel="icon" type="image/x-icon" href="/static/11.png">
</head>

<h1>MMS(Mail-Management-System)</h1>

<nav style="float: right; width: 8%;"> <!-- The nav link semantically marks your main site navigation -->
    <div class="br1">Welcome! </div>
    <div class="br1">ID:{{cur_user}} </div>
    <ul style=" float:none;">
        <li style="float: right;list-style: none;padding: 20px 0;"><a href="login/" style="color:antiquewhite;">logout</a></li>
        <li style="float: right;list-style: none;padding: 20px 0;"><a href="write/{{cur_user}}" style="color:antiquewhite;">写邮件</a></li>
        <li style="float: right;list-style: none;padding: 20px 0;"><a href="note/{{cur_user}}" style="color:antiquewhite;">写记事本</a></li>
        <li style="float: right;list-style: none;padding: 20px 0;"><a href="contact/{{cur_user}}" style="color:antiquewhite;">我的通讯录</a></li>
        <li style="float: right;list-style: none;padding: 20px 0;"><a href="my_contact/{{cur_user}}" style="color:antiquewhite;">写通讯录</a></li>

    </ul>
    
</nav>


<div class="wrapper">
   
    <div class="cols">
    
        <div class="col" ontouchstart="this.classList.toggle('hover');">
                  <div class="container">
                    {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                      <div class="front" style="background-image: url('/static/info_pic.png')">
                        {%endif%}
                            {%endfor%}
                          <div class="inner">
                            {%for x in cur_user%}
                                {%if forloop.counter == 1%}
                                    <p>个人信息</p>
{#                                    <span>{{cur_user}}</span>#}
                                {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                      <div class="back">
                          <div class="inner">
                            {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                                <div class="tag" ><a href="infopage/{{cur_user}}">点击进入</a></div>
                            {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                  </div>
              </div>
    
        <div class="col" ontouchstart="this.classList.toggle('hover');">
                  <div class="container">
                    {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                      <div class="front" style="background-image: url('/static/inbox_pic.png')">
                        {%endif%}
                            {%endfor%}
                          <div class="inner">
                            {%for x in cur_user%}
                                {%if forloop.counter == 1%}
                                    <p>收件箱</p>
{#                                    <span>{{cur_user}}</span>#}
                                {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                      <div class="back">
                          <div class="inner">
                            {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                                <div class="tag" ><a href="inbox/{{cur_user}}">点击进入</a></div>
                            {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                  </div>
              </div>
    </div>
    
    <div class="cols">
    
        <div class="col" ontouchstart="this.classList.toggle('hover');">
                  <div class="container">
                    {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                      <div class="front" style="background-image: url('/static/draft_pic.png')">
                        {%endif%}
                            {%endfor%}
                          <div class="inner">
                            {%for x in cur_user%}
                                {%if forloop.counter == 1%}
                                    <p>草稿箱</p>
{#                                    <span>{{cur_user}}</span>#}
                                {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                      <div class="back">
                          <div class="inner">
                            {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                                <div class="tag" ><a href="draft/{{cur_user}}">点击进入</a></div>
                            {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                  </div>
              </div>
    
        <div class="col" ontouchstart="this.classList.toggle('hover');">
                  <div class="container">
                    {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                      <div class="front" style="background-image: url('/static/notebook_pic.png')">
                        {%endif%}
                            {%endfor%}
                          <div class="inner">
                            {%for x in cur_user%}
                                {%if forloop.counter == 1%}
                                    <p>记事本</p>
{#                                    <span>{{cur_user}}</span>#}
                                {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                      <div class="back">
                          <div class="inner">
                            {%for x in cur_user%}
                            {%if forloop.counter == 1%}
                                <div class="tag" ><a href="notebook/{{cur_user}}">点击进入</a></div>
                            {%endif%}
                            {%endfor%}
                          </div>
                      </div>
                  </div>
              </div>
    </div>


    
</div>